﻿body {
	font: 100%/130% 'Source Sans Pro', Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#f7f7f7;
}

a {text-decoration:none;}

.login {width:400px; margin:0 auto;margin-top:80px; padding:7px 0;}
	.login h2 {
		padding:10px;
		color:#f24130;
		display:block;
		font-weight:600;
		font-size:1.75em;
		text-align:center;
		text-shadow:0 -1px 0 rgba(0,0,0,0.9), 0 1px 0 rgba(255,255,255,1);
	}
	.login .enter {margin:20px;}
		.login .enter input {border-radius:5px; border:1px solid #777;}
		.login .enter input.fields {
			width:97%;
			padding:8px 5px;
			font-size:1.125em;
			margin:0 0 15px;
			height:20px;
			box-shadow:0 5px 0 #ccc;
		}
		.login .enter input.fields:focus, .login .enter input.fields:hover {box-shadow:0 0 5px #71d2ee, 0 5px 0 #ccc;;}
		:invalid {border:1px solid #ff0000;}
		.login .enter input[type=button] {
			clear:both;
			font-size:1em;
			width:90%;
			padding:7px;
			margin:10px auto;
			display:block;
			background:url(../images/green-gradient.jpg) center repeat-x;
		}
		.login .enter input[type=button]:hover {box-shadow:0 0 5px #71d2ee;}
		.login .enter input[placeholder] {font-size:.75em;}
		.login .enter a {font-size:.75em; color:#333; display:inline-block;}
		.login .enter a:hover {color:#13c1ff;}
	.login p {font-size:.725em; text-align:center; color:#333;}